export type Variant = {
  bg: string;
  textColor: string;
  borderColor: string;
};

export type Variants = {
  primary: Variant;
  danger: Variant;
};

export type CommonStyles = {
  borderRadius: string;
  borderTopRadius: string;
  borderBottomRadius: string;
  shadow: string;
};

const theme: Variants & CommonStyles & Variant = {
  borderRadius: "rounded-md",
  borderTopRadius: "rounded-t-md",
  borderBottomRadius: "rounded-b-md",
  borderColor: "border-gray-200",
  shadow: "shadow-md",
  bg: "bg-white",
  textColor: "text-gray-900",
  primary: {
    bg: "bg-blue-500",
    textColor: "text-white",
    borderColor: "border-blue-500",
  },
  danger: {
    bg: "bg-red-500",
    textColor: "text-white",
    borderColor: "border-red-500",
  },
};

export default theme;
